<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>优先级</title>
		<style>
			div {
				color: gold !important;
			}
			.l {
				color: red;
			}
			#green {
				color: yellow;
			}
			p {
				color: coral;
			}
			/* 浏览器本身会对a标签做一些样式的设置 */
			/* 如果我们想要对a标签的样式进行修改，那么只能我们自己写 */
			a {
				color: black;
			}
			
		</style>
	</head>
	<body>
		<div id="green" class="l" style="color: aqua">程序员的梦工厂</div>
	
		<div>
			<p>慕课网</p>
			<a href="www.imooc.com">跳转</a>
		</div>
	</body>
</html>